<!--
 * @Author: llm
 * @Date: 2025-05-14 00:12:53
 * @LastEditors: llm
 * @LastEditTime: 2025-05-18 18:01:24
 * @Description:
-->
<template>
  <div class="title">
    <img src="12" alt="" style="width: 8px; height: 18px" class="title-icon" />
    <span class="title-text">{{ title }}</span>
  </div>
</template>
<script>
export default {
  name: "PartTitle",
  props: {
    title: {
      type: String,
      default: "",
    },
  },
};
</script>
<style lang="scss" scoped>
.title {
  display: flex;
  align-items: center;
  font-family: MiSans;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;

  border-bottom: 1px solid #ffffff28;
  padding-bottom: 10px;

  &-text {
    background-image: linear-gradient(95.91deg, #6ddcff 0%, #7f60f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }

  &-icon {
    margin-right: 10px;
  }
}
</style>
